<template>
	<view style="padding: 20rpx;">
		<view class="item row-h-center" @click="change('merchant')">
			<image src="/static/images/compont.png" class="img"></image>
			<view class="title">切换为“商家”</view>
		</view>
		<view class="item row-h-center" @click="change('member')">
			<image src="/static/images/my_face.png" class="img"></image>
			<view class="title">切换为“员工”</view>
		</view>
		<view class="item row-h-center" @click="change('operator')">
			<image src="/static/images/shops.png" class="img"></image>
			<view class="title">切换为“运营商”</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			change(key){
				uni.setStorageSync('identity',key)
				
			}
		}
	}
</script>
<style>
	page{
		background: #F2F3F8;
	}
</style>
<style lang="scss" scoped>
	.item{
		margin: 20rpx;
		height: 172rpx;
		border-radius: 12rpx;
		background: #FFF;
		
		.title{
			margin-left: 40rpx;
			color: #1E2132;
			font-size: 32rpx;
			font-style: normal;
			font-weight: 500;
			line-height: 48rpx; /* 150% */
		}
		.img{
			margin-left: 40rpx;
			width: 92rpx;
			height: 92rpx;
		}
	}
</style>
